/*index*/
.index_type{ width:100%; margin:30px auto; background-color:#FFF;}
.index_type ul{ clear:both; overflow:hidden;}
.index_type ul li{ float:left; width:12.5%; margin:0 0.8%; border-right:1px solid #EEE;}
.index_type ul li:nth-child(7){ border-right:none;}
.index_type ul li img{ float:left; }
.index_type ul li a{ float:left; font-size:16px; font-weight:bold; line-height:30px; margin-left:10px; margin-top:12px; color:#000;}
.index_type ul li a i{ display:block; color:#444; font-size:14px; font-weight:normal;}

.index_pro{ width:100%; padding:40px 0; margin:0 auto; background:url(../images/pro_bg.jpg) no-repeat #F2F1F6 center bottom;}
.pro_tj_tit{ font-size:1.8rem;position: relative; text-align:center}
.pro_tj_tit h2{font-size:36px;position: relative;z-index: 2;display: inline-block;padding: 0 1rem;margin:0.5rem auto;color: #b51b13;}
.pro_tj_tit h2:before, .pro_tj_tit h2:after {content: '';position: absolute;background:#fff;width:100px; height:1px;top: 50%;-webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
.pro_tj_tit h2:before {left: -100px;}
.pro_tj_tit h2:after { right: -100px;}

.pro_main{ clear:both; overflow:hidden; margin-top:30px;}
.pro_main .pro_tab { height:12px; margin:15px auto; text-align:center;}
.pro_main .pro_tab li{ display:inline-block; width:12px; height:12px; border-radius:6px; cursor:pointer; background-color:#333;}
.pro_main .pro_tab li.selected{ background-color:#F73D2E;}
.pro_main .pro_box{ clear:both; overflow:hidden;}
.pro_main .pro_box dl{ clear:both; overflow:hidden; width:100%; padding:10px 10px 40px; box-sizing:border-box; background-color:#FFF;}
.pro_main .pro_box dl dt{ float:left; width:40%;}
.pro_main .pro_box dl dt img{ width:100%;}
.pro_main .pro_box dl dd{ float:left; width:60%; padding:10px 20px; box-sizing:border-box;}
.pro_main .pro_box dl dd h3{ font-size:24px;}
.pro_main .pro_box dl dd p{ margin:15px auto; max-height:48px; line-height:24px; overflow:hidden;}
.pro_main .pro_box ul{ clear:both; overflow:hidden;}
.pro_main .pro_box ul li{ float:left; width:31.3%; text-align:center; padding:20px 3px; margin:0 1%; box-sizing:border-box; background-color:#F3F3F3;}
.pro_main .pro_box ul li span{ display:block; margin:0 auto; width:40px; height:40px; border-radius:20px; background-color:#FECB00;}
.pro_main .pro_box ul li img{ width:30px; height:30px; margin:5px;}
.pro_main .pro_box ul li b{ display:block; margin:10px auto 5px;}
.pro_main .pro_box ul li i{ display:block; line-height:22px; height:44px; overflow:hidden;}
.box_btn{ display:block; color:#FFF; font-size:22px; width:98%; text-align:center; padding:10px 0; margin:20px auto 0; border-radius:4px; background:url(../images/sign.gif) #F73D2E no-repeat 75% center; background-size:32px 32px;}
.pro_main .pro_box dl dd a:hover{ color:#FFF;}

.index_case{ width:100%; margin:40px auto;}
.index_case h2{ font-size:36px; line-height:36px; text-align:center;}
.index_case p{ font-size:16px; text-align:center; margin:20px auto;}

.index_about{ width:100%; padding:40px 0; margin:0 auto; background:url(../images/about_bg.jpg) no-repeat left top;}
.index_about h2{ font-size:36px; line-height:36px; text-align:center;}
.index_about h2 a{ color:#FFF;}
.index_about p{ color:#DDD; font-size:16px; text-align:center; margin:20px auto;}
.index_about ul{ clear:both; overflow:hidden; margin-top:70px;}
.index_about ul li{ float:left; width:23%; margin:0 1%; text-align:center;}
.index_about ul li b{ display:block; color:#FFF; font-size:64px; line-height:64px;}
.index_about ul li i{ display:block; color:#AAA; line-height:30px; margin-top:20px;}

.index_news{ width:100%; margin:40px auto;}
.index_news h2{ font-size:36px; line-height:36px; text-align:center;}
.index_news p{ font-size:16px; text-align:center; margin:20px auto;}

.news_show{ clear:both; overflow:hidden; margin-top:40px;}
.news_show ul{ clear:both; overflow:hidden; float:left; width:60%; margin-right:2%;}
.news_show ul li{ float:left; width:100%; margin-bottom:20px;}
.news_show ul li .show_date{ width:64px; float:left; border:1px solid #ccc; }
.news_show ul li .show_date b{ display:block; text-align:center; line-height:46px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;}
.news_show ul li .show_date i{ display:block; text-align:center; line-height:28px; color:#ccc;}
.news_show ul li .show_list{ float:right; width:88%; font-size:14px;}
.news_show ul li .show_list h3{ font-size:18px; margin-bottom:5px; }
.news_show ul li .show_list p{ color:#565656; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; font-size:14px; line-height:22px; height:44px; text-align:left;}
.news_show ul li:hover .show_date{ border-color:#FF6154;}
.news_show ul li:hover .show_date b{ background-color:#FF6154; color:#FFF;}
.news_show ul li:hover .show_date i{ color:#444; }

.show_video{ float:right; width:36%; position:relative;}
.show_video img{ width:100%;}
.show_video .show_tit{ position:absolute;bottom:0;left:0;width:100%; background-color:rgba(0,0,0,.5);}
.show_video .show_tit a{ display:block; width:80%; padding:0 2%; line-height:50px; font-size:18px; color:#FFF;}
.show_video .show_tit span{ position:absolute; top:0%; right:0%; width:50px; background:url(../images/arrow.png) #F73D2E no-repeat center;}

.index_service{ width:100%; padding:40px 0; margin:0 auto; background:url(../images/service_bg.jpg) no-repeat left bottom;}
.index_service ul{ clear:both; overflow:hidden;}
.index_service ul li{ float:left; width:23%; line-height:30px; text-align:center; margin:0 1%;}
.index_service ul li img{ width:50px; display:block; text-align:center; margin:0 auto 15px; height:50px; }
.index_service ul li b{ display:block; color:#FFF; font-size:18px; font-weight:normal;}
.index_service ul li i{ display:block; color:#FFF;}

/*about*/
.location{ width:100%; height:40px; line-height:40px; color:#666; margin:0 auto; background-color:#F0F0F0; border-bottom:1px solid #DDD; overflow:hidden;}
.location img{ width:16px; height:16px; padding:2px; margin-right:5px; background-color:#4B4B4B; border-radius:50%; vertical-align:middle; overflow:hidden;}
.location a{ text-decoration:none; color:#333; }
.location a:focus{ outline:none; -moz-outline-style:none; }
.location a:hover{ color:#EB0001; text-decoration:none; }

.about{ width:100%; margin:40px auto; background-color:#FFF;}
.about h1{ font-size:40px; line-height:40px; text-align:center;}
.about p{ text-indent:2em; line-height:24px; margin:20px auto;}
.about ul{ clear:both; overflow:hidden;}
.about ul li{ float:left; width:20%; text-align:center;}
.about ul li img{ width:140px;}
.about ul li p{ text-indent:0; margin:10px auto 0;}

.about_sl{ width:100%; margin:40px auto;}
.about_sl h2{ font-size:36px; line-height:36px; text-align:center;}
.about_sl ul{ clear:both; overflow:hidden; margin-top:20px;}
.about_sl ul li{ float:left; width:50%; overflow:hidden;}
.about_sl ul li img{ width:100%; display:block; }
.con_show{ clear:both; overflow:hidden; width:98%; margin-left:2%; background-color:#F2F1F6;}
.con_pic{ float:left; width:50%; overflow:hidden;}
.con_info{ float:left; width:50%; padding:20px; box-sizing:border-box;}
.con_info b{ display:block; font-size:24px; margin-bottom:20px;}
.con_info i{ display:block; line-height:24px;}
.con_pic img{ width:100%; transition:0.5s;}
.con_pic:hover img{transform:scale(1.1);}

.about_nl{ width:100%; margin:40px auto;}
.about_nl h2{ font-size:36px; line-height:36px; text-align:center;}
.about_nl p{ font-size:16px; text-align:center; margin:20px auto;}
.about_nl ul{ clear:both; overflow:hidden; width:100%;}
.about_nl ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.about_nl ul li img{ width:100%;}
.about_nl ul li i{ display:block; line-height:40px;}

.about_fw{ width:100%; height:70px; padding:60px 0; background:url(../images/ser_bg.jpg) no-repeat;  }
.about_tit{ float:left; color:#FFF; font-size:28px; font-weight:bold; line-height:70px;}
.about_fw ul{ float:right; width:70%; background:url(../images/about_item.png) no-repeat center;}
.about_fw ul li{ float:left; width:33%; padding:10px 15px; box-sizing:border-box;}
.about_fw ul li img{ float:left; width:30px; margin:10px 5px;}
.about_fw ul li i{ float:left; margin-left:10px; font-size:16px; color:#FFF; line-height:25px;}
.about_fw ul li i font{ font-size:14px;}

.about_lc{ width:100%; margin:40px auto;}
.about_lc h2{ font-size:36px; line-height:36px; text-align:center;}
.about_lc p{ font-size:16px; text-align:center; margin:20px auto;}
.about_lc ul{ width:100%; clear:both; overflow:hidden; margin-top:30px;}
.about_lc ul li{ float:left; width:16.6%; background:url(../images/fwicon6.jpg) right 63px no-repeat;}
.about_lc ul li:last-child{ background:none;}
.about_lc ul li img{ display:block; margin:0 15px; text-align:center; margin-bottom:15px;}
.about_lc ul li p{ font-size:16px; width:83%; text-align:center; margin:0;}

.about_hz{ width:100%; margin:40px auto;}
.about_hz h2{ font-size:36px; line-height:36px; text-align:center;}
.about_hz p{ font-size:16px; text-align:center; margin:20px auto;}
.about_hz ul{ clear:both; overflow:hidden; width:100%;}
.about_hz ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.about_hz ul li img{ display:block; width:100%; transition:0.5s;}
.about_hz ul li:hover img{transform:scale(1.1);}

.about_zl{ width:100%; height:820px; background:url(../images/zl_bg.jpg) center no-repeat;}
.about_main{ float:right; width:80%; margin-top:30px;}
.about_main h2{ color:#222; font-size:36px; line-height:36px; margin-bottom:30px;}
.about_main p{ font-size:16px; line-height:28px;}
.about_main ul{ margin-top:60px; width:50%; margin-left:-7.5%;}
.about_main ul li{ float:left; width:50%; text-align:center; margin-bottom:45px;}
.about_main ul li p{ margin-top:15px; font-size:16px;}

/*contact*/
.contact{ width:100%; margin:40px auto 0;}
.contact_info{ background-color:#FFF;}
.contact_info h1{ font-size:40px; line-height:40px; text-align:center;}
.contact_info p{ font-size:16px; text-align:center; margin:20px auto 10px;}
.contact_info ul{ overflow:hidden; margin-top:20px}
.contact_info ul li{ float:left; width:22%; margin:0 1%; padding:20px 0.5% 0; text-align:center;}
.contact_info ul li span{ display:block; font-weight:normal; text-align:center;   margin:5px auto 10px;}
.contact_info ul li span img{ width:43%; padding:4%;background: linear-gradient(#B0B9CF,#8995B1);box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1); border:#E1ECFD 15px solid;border-radius:50%; }
.contact_info ul li span img:hover{background: linear-gradient(#8995B1,#B0B9CF);}
/*
.contact_info ul li span{ display:block; width:100px; height:100px; border-radius:50%;text-align: center;margin:0 auto;margin-bottom: 10px;}
.contact_info ul li span.contact01{ background:url(../images/ico_contact11.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li span.contact02{ background:url(../images/ico_contact12.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li span.contact03{ background:url(../images/ico_contact13.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li span.contact04{ background:url(../images/ico_contact14.png) no-repeat center center #FF1516; background-size:56px auto;}
*/
.contact_info ul li p{ color:#444; height:44px; line-height:22px; margin-top:5px; }
.contact_info ul li p a{ color:#FF1516; font-size:22px; font-weight:bold; letter-spacing:-0.5px;}
.contact_info ul li p a.cont{ color:#444; font-size:16px; font-weight:normal;}
.contact_info ul li h3{ font-size:20px; margin-bottom:10px;}
.contact_info ul li h3 a{color:#FF1516; text-decoration:underline;}


.message{ clear:both; overflow:hidden; width:100%; margin:30px auto 0; padding:30px 0; background:url(../images/contact1.jpg)#F0F0F0 no-repeat top center;}
.message .msg_tit{ color:#EB0001; font-size:30px; font-weight:bold; height:30px; padding:10px 0 5px;}
.message p{  color:#444; line-height:24px; margin-top:5px;}
.msg_fill{ float:left; width:64%;}
.message ul{ clear:both; overflow:hidden; margin-top:10px; margin-left:-1%;}
.message ul li{ position:relative; float:left; width:49%; margin-left:1%; height:52px; line-height:50px; margin-bottom:10px; border:1px solid #DADADA; box-sizing:border-box; background-color:#FFF;}
.message ul li.msg_area{ width:99%; height:162px;}
.message ul li span{ position:absolute; top:13px; left:10px; width:24px; height:24px;}
.message ul li span.icon_msg01{ background: url(../images/icon_mag01.png) no-repeat center top; background-size:24px;}
.message ul li span.icon_msg02{ background: url(../images/icon_mag02.png) no-repeat center top; background-size:24px;}
.message ul li span.icon_msg03{ background: url(../images/icon_mag03.png) no-repeat center top; background-size:24px;}
.message ul li input{ clear:both; width:100%; color:#333; font-size:16px; height:50px; line-height:50px; padding-left:44px; border:none; box-sizing:border-box; background:#FFF;}
.message ul li textarea{ clear:both; width:100%; color:#333; font-size:16px; height:160px; line-height:24px; border:none; padding-left:44px; padding-top:13px; font-family:Microsoft YaHei; box-sizing:border-box;}
.msg_btn{ display:inline-block; width:20%; height:50px; line-height:40px; text-align:center; color:#FFF; font-size:18px; margin:5px 0 15px;}
.msg_btn input{ display:block; width:100%; height:50px; color:#111; font-size:17px; cursor:pointer; border:none; border-radius:2px; background-color:#FFCC00;}
.msg_btn input:hover{ color:#FFF; background-color:#EB0001;}
.msg_info{ float:right; width:30%; background-color:#FEEE46; padding:15px 20px; box-sizing:border-box; margin-top:10px;}
.msg_info b{ display:block; font-size:24px; margin:20px 0;}
.msg_info p{ color:#333;}
.msg_link{ margin-left:-1.5%; margin-top:5px;}
.msg_link a{ display:block; float:left; width:29%; height:35px; line-height:35px; color:#000; font-size:16px; text-align:center; margin:10px 1.5% 10px; border-radius:2px; border:1px solid #000; overflow:hidden; }
.msg_link a:hover{ color:#FFF; border:1px solid #FF1516; background-color:#FF1516;}
.msg{ background:none;}
.msg .box{ clear:both; overflow:hidden; padding:20px; box-sizing:border-box; background:url(../images/contact1.jpg)#F0F0F0 no-repeat top center;}

#map_canvas{width:100%;margin:0 auto;}



/*product*/
.product{ width:100%; padding:40px 0; margin:0 auto; background:url(../images/pro_ban.jpg) no-repeat center;}
.pro_tj{ clear:both; overflow:hidden; margin-top:30px; padding-right:220px; background:url(../images/ico_tj.png) no-repeat right top;}
.pro_tj li a{ text-decoration:none; color:#333; }
.pro_tj li a:focus{ outline:none; -moz-outline-style:none; }
.pro_tj li a:hover{ color:#EB0001; text-decoration:none; }
.pro_tj .pro_tab { height:12px; margin:15px auto; text-align:center; margin-right:2.5%;}
.pro_tj .pro_tab li{ display:inline-block; width:12px; height:12px; border-radius:6px; cursor:pointer; background-color:#FFF;}
.pro_tj .pro_tab li.selected{ background-color:#F73D2E;}
.pro_tj .pro_box{ clear:both; overflow:hidden;}
.pro_tj .pro_box ul{ clear:both; overflow:hidden; margin-left:-1%;}
.pro_tj .pro_box ul li{ float:left; width:47%; margin:0 1%; text-align:center; box-sizing:border-box; background-color:#F3F3F3;}
.pro_tj .pro_box ul li img{ width:100%;}
.pro_tj .pro_box ul li p{ line-height:40px; font-size:16px; text-align:center; }

.pro_show{ width:100%; margin:40px auto;}
.pro_show a{ text-decoration:none; color:#333; }
.pro_show a:focus{ outline:none; -moz-outline-style:none; }
.pro_show a:hover{ color:#EB0001; text-decoration:none; }
.pro_tit{ text-align:center; height:36px; font-size:36px; font-weight:bold;}
.pro_show p{ text-align:center; font-size:16px; margin:10px auto;}
.pro_show p i{ padding:0 10px;}
.pro_show ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_show ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.pro_show ul li a{ display:block; overflow:hidden;}
.pro_show ul li img{ width:100%; transition:0.5s;}
.pro_show ul li:hover img{transform:scale(1.1);}


.pro_show ul li p{ line-height:40px; color:#444; margin:0; background-color:#F3F3F3;}
.shows{ padding:30px 0; background-color:#F3F3F3;}
.shows ul li p{ background-color:#FFF;}

.pro_type{ width:100%; margin:0 auto; padding:40px 0 20px;}
.pro_type a{ text-decoration:none; color:#333; }
.pro_type a:focus{ outline:none; -moz-outline-style:none; }
.pro_type a:hover{ color:#EB0001; text-decoration:none; }
.pro_type ul{ width:100%; clear:both; overflow:hidden;}
.pro_type li{ float:left; width:13.2%; text-align:center; margin:0 0.5%; }
.pro_type li a{ display:block;}
.pro_type li img{ width:64%; margin:0 auto; border:1px solid #999; border-radius:50%;}
.pro_type li.pro_select img{ border:1px solid #EB0001;}
.pro_type li.pro_select p a{ color:#EB0001; font-weight:bold;}
.pro_type li:hover img{ border:1px solid #EB0001;}
.pro_type li:hover p a{ color:#EB0001; font-weight:bold;}
.pro_type li p{ line-height:30px; font-size:18px; margin-top:5px; text-align:center; }

.pro_device{ width:100%; margin:0 auto 40px;}
.pro_device a{ text-decoration:none; color:#333; }
.pro_device a:focus{ outline:none; -moz-outline-style:none; }
.pro_device a:hover{ color:#EB0001; text-decoration:none; }
.pro_device ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_device ul li{ float:left; width:24%; margin:0 0.5% 10px; text-align:center; overflow:hidden;}
.pro_device ul li a{ display:block; overflow:hidden;}
.pro_device ul li img{ width:100%; transition:0.5s;}
.pro_device ul li:hover img{transform:scale(1.1);}
.pro_device ul li p{ font-size:16px; line-height:40px; color:#444; margin:0; text-align:center; }

.pro_detail{ width:100%; padding:40px 0; margin:0 auto 40px; background:url(../images/pro_ban.jpg) no-repeat center;}
.pro_detail dl{ clear:both; overflow:hidden; padding:8px; box-sizing:border-box; background-color:#FFF;}
.pro_detail dl dt{ float:left; width:46%;}
.pro_detail dl dt img{ width:100%;}
.pro_detail dl dd{ float:left; width:54%; padding:10px 20px; box-sizing:border-box; background-color:#FFF;}
.pro_detail dl dd h1{ font-size:32px; height:32px;}
.pro_detail dl dd p{ margin:10px auto; max-height:48px; line-height:24px; overflow:hidden;}
.pro_detail ul{ clear:both; overflow:hidden;}
.pro_detail ul li{ float:left; width:31.3%; text-align:center; padding:15px 3px; margin:0 1%; box-sizing:border-box; background-color:#F3F3F3;}
.pro_detail ul li span{ display:block; margin:0 auto; width:40px; height:40px; border-radius:20px; background-color:#FECB00;}
.pro_detail ul li img{ width:30px; height:30px; margin:5px;}
.pro_detail ul li b{ display:block; margin:10px auto 5px;}
.pro_detail ul li i{ display:block; height:44px; line-height:22px; overflow:hidden;}
.box_btns{ display:block; color:#FFF; font-size:22px; width:98%; text-align:center; padding:10px 0; margin:20px auto 0; border-radius:4px; background:url(../images/sign.gif) #F73D2E no-repeat 65% center; background-size:32px 32px;}
.pro_detail dl dd a:hover{ color:#FFF;}
.pro_detail dl dd p.pro_tel{ height:36px; line-height:36px; font-size:16px; background:url(../images/pro_tel.png) no-repeat left center; background-size:36px; text-indent:50px; margin-left:10px;}
.pro_detail dl dd p.pro_tel a{ color:#F73D2E; font-size:28px; font-weight:bold;}
.pro_contact{ width:100%; overflow:hidden}
.pro_contact_left{ float:left; margin-top:25px; width:70%; display:inline-block}
.pro_contact_right{ float:right;width:22%;} 
.pro_contact_right img{ width:100%; height:auto}


#header-wrapper{ width:100%; height:50px; margin:0 auto 55px;}	
#header-wrapper ul{ width:100%; margin:0 auto; }
.fixed #header-wrapper{ width:100%; height:45px; margin:0 auto; }
section{ display:block;}
.pd_guide,.pd_guide *{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.pd_guide{ width:1200px; margin:0 auto}
.pd_guide li{ float:left; width:25%; *width:24.8%; text-align:center; background-color:#f4f4f4; color:#000;}
.pd_guide a{ display:block; color:#000; font-size:20px; padding:17px 0; border-right:#fff 4px solid; position:relative; }
.pd_guide a:after{ content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}
.pd_guide li:last-child a{ border-width:0; }
.pd_guide.fixed { position:fixed; top:0; z-index:10; }
.pd_guide li.active a { background-color:#424355; color:#fff }
.pd_guide li.active a:after { display:block; }
.fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;}
.fixed .pd_guide li.active a{ background-color:#424355; color:#fff }

.pro_info{ width:100%; margin:20px auto 0;}
.pro_js{ width:1200px; margin:0 auto;}
.pro_info h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}
/*.pro_info h2{ font-size:30px; text-align:center; background:url(../images/line.png) no-repeat center bottom; padding-bottom:20px; margin:20px auto; background-size:136px 3px;}*/
.pro_info p{ color:#444; font-size:15px; text-indent:2em; line-height:26px; margin-bottom:10px;}

.pro_ys{ width:1200px; margin:0 auto;}
.pro_ys ul{ clear:both; overflow:hidden;}
.pro_ys ul li{ float:left; position:relative; padding:60px 20px 20px; margin-top:70px; background:#F3F3F3; color:#444; line-height:26px; height:180px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}
.pro_ys ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}
.pro_ys ul li span img{ width:100%;}
.pro_ys ul li b{ display:block; font-size:20px; text-align:center;}
.pro_ys ul li i{ display:block; line-height:25px; height:50px; text-align:center; overflow:hidden; margin-top:10px;}
.pro_info table{ width:100%; text-align:center; border:1px solid #D8D8D8; border-collapse:collapse; margin-top:10px; margin-bottom:15px;}
.pro_info table td{ padding:8px 0; line-height:20px; border:1px solid #CCC; text-align:center; vertical-align:top;}
.table_yd{ display:none;}

.pro_al{ width:1200px; margin:0 auto;}
.pro_al a{ text-decoration:none; color:#333; }
.pro_al a:focus{ outline:none; -moz-outline-style:none; }
.pro_al a:hover{ color:#EB0001; text-decoration:none; }
.pro_al ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_al ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.pro_al ul li a{ display:block; overflow:hidden;}
.pro_al ul li img{ width:100%; transition:0.5s;}
.pro_al ul li:hover img{transform:scale(1.1);}
.pro_al ul li p{ line-height:40px; text-indent:0; text-align:center; }

/*news*/
.news{ width:100%; padding:40px 0; margin:0 auto 40px; background:url(../images/pro_ban.jpg) no-repeat center;}
.news h1{ color:#FFF; font-size:40px; line-height:40px; text-align:center;}
.news h1 a{ color:#FFF;}
.news h1 a:hover{ color:#FFF;}
.news p{ color:#FFF; text-align:center; line-height:24px; margin:20px auto;}
.news ul{ overflow:hidden; margin-top:5px; margin-left:-2%;}
.news ul li{ float:left; width:31.3%; margin-left:2%; padding:1%; background-color:#F3F3F3; box-sizing:border-box;}
.news ul li.news_last{ margin-right:0;}
.news ul li a{ text-decoration:none; color:#333; }
.news ul li a:focus{ outline:none; -moz-outline-style:none; }
.news ul li a:hover{ color:#EB0001; text-decoration:none; }
.news ul li .news_pic{ position:relative; display:block; width:100%; overflow:hidden; padding-bottom:75%; }
.news ul li .news_pic img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.news ul li time{ position:absolute; left:0; bottom:0; font-family:Arial; color:#FFF; width:80px; height:30px; line-height:30px; background-color:#E73527; text-align:center; }
.news ul li h3{ height:30px; line-height:30px; font-size:18px; margin:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news ul li h3 a:hover{ color:#EB0001; }
.news ul li p{ text-align:left; color:#444; height:48px; line-height:24px; overflow:hidden; margin:0 auto;}

.news_hy{ width:100%; margin:20px auto; box-sizing:border-box; overflow:hidden;}
.news_title{ clear:both; overflow:hidden; line-height:40px; }
.news_title h2{ display:inline-block; font-size:36px; font-weight:bold;}
.news_title a{float:right; padding:5px 25px 5px 0px; background:url(../images/arrows.png) no-repeat right center; background-size:18px 18px; color: #000;}
.news_title a:hover{ color:#EB0001;}

.news_main{ clear:both; overflow:hidden; margin-top:20px;}

.main_zb{ float:left; width:41%; position:relative;}
.main_zb img{ width:100%;}
.main_zb .show_tit{ position:absolute;bottom:0;left:0;width:100%; background-color:rgba(0,0,0,.5);}
.main_zb .show_tit a{ display:block; width:80%; padding:0 2%; line-height:50px; font-size:18px; color:#FFF;}

.news_main ul{ float:right; width:56%; margin-left:2%;}
.news_main ul li{ float:left; width:100%; margin-bottom:20px;}
.news_main ul li a{ text-decoration:none; color:#333; }
.news_main ul li a:focus{ outline:none; -moz-outline-style:none; }
.news_main ul li a:hover{ color:#EB0001; text-decoration:none; }
.news_main ul li .show_date{ width:64px; float:left; border:1px solid #ccc;}
.news_main ul li .show_date b{ display:block; text-align:center; line-height:46px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;}
.news_main ul li .show_date i{ display:block; text-align:center; line-height:28px; color:#ccc;}
.news_main ul li .show_list{ float:right; width:87%; font-size:14px;}
.news_main ul li .show_list h3{ font-size:18px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_main ul li .show_list p{ color:#565656; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; font-size:14px; line-height:22px; height:44px; text-align:left;}
.news_main ul li:hover .show_date{ border-color:#FF6154;}
.news_main ul li:hover .show_date b{ background-color:#FF6154; color:#FFF;}
.news_main ul li:hover .show_date i{ color:#444; }

.news_sp{ width:100%; margin:20px auto; padding:40px 0; box-sizing:border-box; overflow:hidden; background-color:#F3F3F3;}
.news_sp ul{ clear:both; overflow:hidden; margin-top:20px;}
.news_sp ul li{ float:left; width:31%; margin-right:2%;}
.news_sp ul li.news_last{ margin-right:0;}
.news_sp ul li a{ text-decoration:none; color:#333; }
.news_sp ul li a:focus{ outline:none; -moz-outline-style:none; }
.news_sp ul li a:hover{ color:#EB0001; text-decoration:none; }
.news_sp ul li .news_img{ position:relative; display:block; width:100%; overflow:hidden; padding-bottom:75%; }
.news_sp ul li .news_img img{ position:absolute; left:0; top:0; width:100%; height:100%; transition:0.5s;}
.news_sp ul li:hover .news_img img{transform:scale(1.1);}
.news_sp ul li span{ position:absolute; opacity:0.8; width:100%; height:100%; background:url(../images/play.png) no-repeat center; background-size:50px 50px;}
.news_sp ul li p{ font-size:16px; text-align:center; height:30px; line-height:30px; margin-top:5px; overflow:hidden;}

.news_cp{ width:100%; margin:40px auto; box-sizing:border-box; overflow:hidden;}
.news_cp ul{ clear:both; overflow:hidden; margin-left:-2%;}
.news_cp ul li{ float:left; width:48%; padding:10px 1%; margin-left:2%; margin-top:20px; border:1px dashed #CCC; box-sizing:border-box;}
.news_cp ul li a{ text-decoration:none; color:#333; }
.news_cp ul li a:focus{ outline:none; -moz-outline-style:none; }
.news_cp ul li a:hover{ color:#EB0001; text-decoration:none; }
.news_cp ul li.news_last{ margin-bottom:0;}
.news_cp ul li h3{ font-size:18px; line-height:22px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_cp ul li h3 a:hover{ color:#EB0001;}
.news_cp ul li time{ display:inline-block; color:#999; padding-left:24px; margin:5px 0; background:url(../images/time.png) no-repeat left top; background-size:20px;}
.news_cp ul li p{ color:#444; height:48px; line-height:24px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.newslist{ width:100%; margin:40px auto; box-sizing:border-box; overflow:hidden;}
.newslist ul{ clear:both; overflow:hidden; margin-left:-2%;}
.newslist ul li{ float:left; width:48%; margin-left:2%; padding:0 8px; height:60px; line-height:60px; border-bottom:1px dashed #DDD; box-sizing:border-box;}
.newslist ul li a{ float:left; width:80%; padding-left:15px; background: url(../images/dot.png) no-repeat left center;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
 box-sizing:border-box; transition:all ease 0.5s; text-decoration: none; color:#333; }
.newslist ul li a:focus{ outline:none; -moz-outline-style:none; }
.newslist ul li a:hover{ padding-left:24px; box-sizing:border-box; color:#EB0001; text-decoration:none; }
.newslist ul li span{ float:right; color: #999;}


.page{ width:100%; font-size:14px; line-height:40px; text-align:center; margin:20px auto 40px;}
.page a{ color:#999; margin-right:5px; padding:7px 15px; background:#FFF none repeat scroll 0 0; border:1px solid #CCC;}
.page a:hover{ color:#FFF; text-decoration:none; border:1px solid #C00; background:#ED2D21 none repeat scroll 0 0;}
.page .current{ color:#FFF; text-decoration:none;  margin-right:5px; padding:7px 15px; border:1px solid #C00; background:#E73527 none repeat scroll 0 0;}
.disabled{ color:#999; margin-right:5px; padding:7px 15px; border:1px solid #CCC; background:#FFF none repeat scroll 0 0;}

.newsdetail{ width:100%; margin:40px auto 20px; box-sizing:border-box; overflow:hidden;}
.newsdetail a{ text-decoration:none; color:#333; }
.newsdetail a:focus{ outline:none; -moz-outline-style:none; }
.newsdetail a:hover{ color:#EB0001; text-decoration:none; }
.newsdetail h1{ font-size:30px; line-height:32px; text-align:center;}
.news_base{ width:100%; height:28px; line-height:28px; padding:20px 0; margin-top:20px; border-top:1px dashed #DDD;}
.news_base time{ display:inline-block; color:#999; padding-left:24px; background:url(../images/time.png) no-repeat left 4px; background-size:20px;}
.news_base p{ display:inline-block; float:right;}
.news_base p a{ display:inline-block; width:54px; height:26px; text-align:center; margin-left:10px; border:1px solid #CCC; border-radius:2px;}
.news_cue{ clear:both; overflow:hidden; padding:10px 20px; padding-left:130px; box-sizing:border-box; background:url(../images/ico_cues.png) #F3F3F3 no-repeat 20px 20px;}
.news_cue p{ color:#666; line-height:24px; padding:10px 0;  background-size:100px;}
.news_cue p font{ color:#ED1E24;}

.news_tel{ line-height:44px; width:70%; float:left}
.news_tel span{ float:left; padding-left:42px; background:url(../images/new_tel.png) no-repeat left center; background-size:32px;}
.news_tel span a{ color:#FF1516; font-size:26px; font-weight:bold; margin-left:8px;}
.news_tel a.new_btn{ float:left; display:inline-block; margin-left:30px; color:#FFF; font-size:18px; font-weight:bold; text-align:center; line-height:40px; padding:0 20px 0 55px; background:url(../images/ico_btn.png) #ED1E24 no-repeat 10px 4px; background-size:30px; }
.news_tel  a.new_btn:hover{ color:#FF0;}

.news_info{ width:100%; margin:20px auto;}
.news_info p{ text-indent:2em; line-height:26px; margin-bottom:10px;}
.news_info p img{ margin-left:-2em;}
.news_info h2{ font-size:22px; margin-bottom:10px;}

.new_con_right{ width:10%; float:right} 
.new_con_right img{ width:90%; margin:0 auto; text-align:center; height:auto}

.news_xg{ width:100%; margin:20px auto 40px; box-sizing:border-box; overflow:hidden;}
.news_xg a{ text-decoration:none; color:#333; }
.news_xg a:focus{ outline:none; -moz-outline-style:none; }
.news_xg a:hover{ color:#EB0001; text-decoration:none; }
.news_tit{ background-color:#F3F3F3; line-height:30px; padding:10px 0;}
.news_tit h2{ font-size:24px; text-align:center;}
.news_tit h2 hr{ width:30px; display:inline-table; vertical-align:middle; border:none; height:2px; background-color:#E73527;}
.news_tit h2 span{ padding:0 10px;}
.news_xg ul{ clear:both; overflow:hidden; margin-left:-2%; margin-top:20px;}
.news_xg ul li{ float:left; width:48%; margin-left:2%; padding:0 8px; height:50px; line-height:50px; border-bottom:1px dashed #DDD; box-sizing:border-box;}
.news_xg ul li a{ float:left; width:80%; padding-left:15px; background: url(../images/dot.png) no-repeat left center;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
 box-sizing:border-box; transition:all ease 0.5s; text-decoration: none;}
.news_xg ul li a:hover{ padding-left:20px; box-sizing:border-box;}
.news_xg ul li span{ float:right; color: #999;}

/*line*/
.line{ width:100%; margin:40px 0;}
.line ul{ clear:both; overflow:hidden; margin-left:0.5%;}
.line ul li{ float:left; width:180px; text-align:center; font-size:20px; margin-right:5px; line-height:2.5em; background:#F3F3F3; overflow:hidden;}
.line ul li a{ display:block; }
.line ul li a{ text-decoration:none; color:#333; }
.line ul li a:focus{ outline:none; -moz-outline-style:none; }
.line ul li a:hover{ color:#EB0001; text-decoration:none; }
.line li.select a{ display:block; color:#FFF; background-color:#E73527; }
.line li.select a:hover{ display:block; color:#FFF; background-color:#E73527; }
.line p{ color:#555; font-size:16px; line-height:30px; text-indent:2em; margin:15px 0.5% -20px;}
.line p a{ color:#E73527; font-size:18px;}

.line_list{ width:100%; margin:40px 0;}
.line_list ul{ clear:both; overflow:hidden;}
.line_list ul li{ float:left; width:32.3%; margin:0 0.5% 20px; background-color:#F3F3F3;}
.line_list ul li a{ display:block; overflow:hidden;}
.line_list ul li img{  width:100%; height:100%; transition:0.5s;}
.line_list ul li img:hover{transform:scale(1.1);}
.line_show{ clear:both; overflow:hidden; padding:10px; box-sizing:border-box;}
.line_show p{ line-height:24px;}
.line_show p.line_tit{ font-size:18px; font-weight:bold; line-height:30px; margin-bottom:5px;}
.line_show p.line_tit a{ text-decoration:none; color:#333; }
.line_show p.line_tit a:focus{ outline:none; -moz-outline-style:none; }
.line_show p.line_tit a:hover{ color:#EB0001; text-decoration:none; }
.line_show p.line_btn{ width:50%; margin:10px auto;}
.line_show p.line_btn a{ color:#FFF; text-align:center; padding:6px 0; background-color:#E73527; transition:0.4s;}
.line_show p.line_btn a:hover{ color:#333; background-color:#FDCE06;}

.case_list ul{ clear:both; overflow:hidden;}
.case_list ul li{ float:left; width:32.3%; margin:0 0.5% 20px; position:relative; overflow:hidden; text-align:center; background-color:#F3F3F3;}
.case_list ul li a{ display:block; overflow:hidden;}
.case_list ul li img{ width:100%; transition:0.5s;}
.case_list ul li:hover img{transform:scale(1.1);}
.case_list ul li .case_name p{ text-align:center; font-size:16px; line-height:40px;}
.case_list ul li .case_main{ position:absolute; left:0; top:-100%; width:100%; height:100%; padding:40px 20px 20px; transform:scale(0); background-color:rgba(255,255,255,0.8); transition:0.3s; box-sizing:border-box;}
.case_list ul li:hover .case_main{ top:0; opacity:1; transform:scale(1);}
.case_list ul li b{ display:block; font-size:20px; margin-bottom:15px;}
.case_list ul li .case_main p{ font-size:14px; line-height:30px; margin:0;}
.case_list ul li .case_main a{ display:inline-block; font-size:14px; color:#FFF; padding:4px 8px; margin-top:15px; border:2px solid #F73D2E; background-color:#F73D2E;}
.case_list ul li .case_main a:hover{ color:#F73D2E; background-color:#FFF;}

.line_detail{ clear:both; overflow:hidden; width:100%; margin:40px auto;}
.line_pic{ float:left; width:46%;}
.line_pic img{ width:100%;}
.line_info{ float:right; width:52%;}
.line_info h1{ font-size:30px; margin-bottom:20px; margin-top:5px;}
.line_info p{ color:#444; line-height:30px; font-size:15px; margin-bottom:5px;}
.line_info p span{ font-weight:bold;}
.line_tel{ width:100%; padding:12px 0 12px 50px; margin:10px 0; background:url(../images/ico_tel.png) no-repeat left center; background-size:40px; box-sizing:border-box;}
.line_tel i{ color:#444; margin-right:10px;}
.line_tel a{ color:#F73D2E; font-size:30px; font-weight:bold;}
.line_btn{ width:100%;}
.line_btns a{ display:block; height:60px; line-height:60px; color:#FFF; font-size:22px; text-align:center; border-radius:4px; background-color:#F73D2E;}
.line_btns a img{ width:30px; vertical-align:middle; margin-left:6px;}
.line_btns a:hover{ transition:0.3s; background-color:#424355;}

.line_main{ width:100%;}
.line_main .box{ border-top:1px solid #DDD;}
.line_main h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}
.line_main p{ color:#444; font-size:15px; text-indent:2em; line-height:26px; margin-bottom:10px;}
.line_main ul{ clear:both; overflow:hidden;}
.line_main ul li{ float:left; position:relative; padding:60px 20px 20px; margin-top:70px; background:#F3F3F3; color:#444; line-height:26px; height:180px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}
.line_main ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}
.line_main ul li span img{ width:100%;}
.line_main ul li b{ display:block; font-size:20px; text-align:center;}
.line_main ul li i{ display:block; line-height:25px; height:50px; text-align:center; overflow:hidden; margin-top:10px;}

.line_al{ clear:both; overflow:hidden; width:100%; margin:20px auto;}
.line_al h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}
.line_al ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.line_al ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.line_al ul li a{ display:block; overflow:hidden;}
.line_al ul li img{ width:100%;}
.line_al ul li p{ line-height:20px; text-indent:0; display:inline-block; width:100%; margin:15px 0;font-size:15px;position:relative}
.line_al ul li p:after{ transition:all .5s cubic-bezier(.68,-.55,.27,1.55); position:absolute; bottom:-15px; left:0; display:inline-block; content:""; height:3px; width:0; background-color:#FF3F3C;}
.line_al ul li:hover p:after{ transition:all .5s cubic-bezier(.68,-.55,.27,1.55); position:absolute; bottom:-15px; left:0; display:inline-block; content:""; height:3px; width:100%;background-color:#FF3F3C;}

.case_detail{ clear:both; overflow:hidden; width:100%; margin:40px auto;}
.case_detail h1{ font-size:36px; height:40px; line-height:40px; text-align:center;}
.case_detail .case_pic img{ width:680px;}
.case_detail img{ display:block; width:80px; margin:20px auto; text-align:center;}
.case_detail ul{ clear:both; overflow:hidden; margin:20px auto;}
.case_detail ul li{ float:left; width:30.3%; margin:0 1.5%;}
.case_detail ul li p{ color:#111; font-size:16px; text-align:center;}
.case_zx{ width:100%; text-align:center; margin:30px auto 10px; overflow:hidden; margin-left:-1.5%;}
.case_zx a{ float:left; height:50px; line-height:50px; color:#FFF; font-size:20px; width:48.5%; text-align:center; margin:3px 0 3px 1.5%; }
.case_tel a{ background-color:#424355;}
.case_btn a{ background-color:#FF0036;}

.ul-sec-case{overflow:hidden;margin:0 -2px}
.ul-sec-case li{float:left;width:30%; margin:0 1%;overflow:hidden}
.ul-sec-case li .item{position:relative;margin:0 2px;padding-bottom:145px;background-color:#ececec}
.ul-sec-case img{display:block;width:100%}
.ul-sec-case .txt{padding:0 2% 20px; width:96%;text-align:center;overflow:hidden;position:absolute;left:0;bottom:-130px;width:100%;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.ul-sec-case .txt h3 a{display:block;font-size:20px;color:#333;line-height:45px; font-weight:500;text-align:center;margin:15px 0 5px}
.ul-sec-case .txt strong a{display:block;font-size:20px;color:#0740b1;line-height:36px;text-align:center;margin:35px 0 5px}
.ul-sec-case .txt p{font-size:13px;color:#595959;line-height:24px; margin:0 auto; width:80%;text-align:left;opacity:0;filter:alpha(opacity=0);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ul-sec-case .txt p strong{float:left}
.ul-sec-case .txt p em{display:block;height:72px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ul-sec-case .txt span{display:inline-block;font-size:15px;color:#090909;line-height:26px;position:relative;margin-bottom: 20px;}
.ul-sec-case .txt span::before{content:"";position:absolute;width:40px;height:1px;background-color:#040404;left:-50px;top:50%}
.ul-sec-case .txt span::after{content:"";position:absolute;width:40px;height:1px;background-color:#040404;right:-50px;top:50%}
.ul-sec-case .txt .more{display:inline-block;width:170px;height:44px;line-height:44px;border-radius:4px;background-color:#eb0001;color:#fff;}
.ul-sec-case .item:hover .txt{background:rgba(255,255,255,0.9);bottom:0}
.ul-sec-case .item:hover .txt p{opacity:1;filter:alpha(opacity=100);display: block;}
.index_case .ul-sec-case li .item{padding-bottom: 58px;}
.index_case .ul-sec-case .txt p{display: none;}
.index_case .ul-sec-case .txt{bottom:-75px;}

#owl-demo{position:relative;margin: 0 auto;}
#owl-demo .item_ie7{ position:relative;display:block;}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:14px;height:14px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:35px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:43%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.bottom{ background: #15181E;padding: 8px 0 20px;; text-align:center}
.bottom i{color:#4d5560;font-weight:600;}
.bottom a{color:#4d5560}


@media screen and (max-width:1200px){
	.box, .pro_js, .pro_ys, .pro_al, .pd_guide{ width:98%;}
	.index_type ul li{ width:24%; margin:0 0.2%;}
	.pro_main .pro_box dl dt{ width:45%;}
	.pro_main .pro_box dl dd{ width:55%; padding:20px 10px;}
	.pro_main .pro_box dl dd p{ margin:15px auto;}
	.box_btn{ background-position:70% center;}
	.index_case ul li{ width:31.8%;}
	.index_case ul li .case_mask{ padding:40px 15px 15px;}
	.news_show ul{ width:56%;}
	.show_video{ width:42%;}
	.news_show ul li .show_date{ width:60px;}
	.news_show ul li .show_list{ width:86%;}
	.pro_detail dl dt{ width:50%;}
	.pro_detail dl dd{ width:50%;}
	.pro_detail dl dd p{ margin:16px auto;}
	.pro_detail dl dd p.pro_tel a{ font-size:26px;}
	.navul li{ margin-left:20px;}
	.top .tel{ width:33%;}
	.navul li a{ padding:10px;}
	
}

@media screen and (max-width:1000px){
	
	
	
	.index_case ul li{ width:31.6%;}
	.show_video{ display:none;}
	.news_show ul{ width:100%;}
	.news_show ul li .show_list{ width:90%;}
	.box_btn{ background-position:75% center;}
	.con_info{ padding:15px;}
	.about_fw ul{ width:82%; background:none;}
	.about_fw ul li{ width:31%; background-color:#FF1516; margin-left:10px;}
	.about_lc ul li{ background:none;}
	.pro_detail{ background:none; padding:10px 0; margin-bottom:20px;}
	.pro_detail dl{ padding:0;}
	.pro_detail dl dt{ width:100%;}
	.pro_detail dl dd{ width:100%; padding:20px 0 0;}
	.box_btns{ padding:15px 0;}
	.pro_tj{ background-size:160px; padding-right:160px;}
	.pro_main .pro_box dl dt{ width:100%; margin:0;}
	.pro_main .pro_box dl dd{ width:100%;}
	.main_zb{ display:none;}
	.news_main ul{ width:100%; margin-left:0;}
	.news_main ul li .show_list{ width:91%;}
	.newslist ul li a{ width:75%;}
	.news_xg ul li a{ width:75%;}
	.case_list ul li .case_main{ padding-top:20px;}
	.case_list ul li .case_name p{ font-size:15px;}
	.case_list ul li b{ font-size:18px;}
	.index_type{ margin:10px auto 20px;}
	.index_type ul li img{ float:none; display:block; margin:0 auto;}
	.index_type ul li a{ float:none; display:block; text-align:center; margin-left:0; margin-top:0; font-size:16px;}
}

@media screen and (max-width:840px){
	.line_detail{ margin:10px auto;}
	.line_pic{ width:100%;}
	.line_info{ width:100%; margin-top:10px;}
}

@media screen and (max-width:768px){
	.logo img{ width:120px; margin-top:6px;}
	#banner{ display:none;}
	.ban_m{ display:block;}
	.index_type, .index_pro, .index_case, .index_news, .about, .about_nl, .about_lc, .about_hz{ margin:20px auto;}
	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:36px; line-height:36px;}
	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:30px; line-height:30px;}
	.index_case ul li h3{ font-size:18px;}
	.pro_main{ margin-top:20px;}
	
	.index_case ul li.case_jl{ display:none;}
	.index_case ul li{ width:47.2%; margin:0 0.5%;}
	.index_about ul li b{ font-size:52px; line-height:52px;}
	.news_show ul li .show_list{ width:86%;}
	.index_case ul li .case_mask{ padding-top:20px;}
	.index_case ul li .case_mask a{ margin-top:10px;}
	.about ul li img{ width:120px;}
	.about_sl ul li:first-child { display:none;}
	.about_sl ul li{ width:100%;}
	.con_info{ padding:30px;}
	.about_nl ul li{ width:32.3%;}
	.about_nl ul li:nth-child(7), .about_nl ul li:nth-child(8){ display:none;}
	.about_tit{ display:none;}
	.about_fw ul{ width:100%;}
	.about_lc ul li{ width:33.3%;}
	.about_lc ul li img{ margin:0 auto; width:100px;}
	.about_lc ul li p{ width:100%; line-height:40px;}
	.about_main{ width:96%;}
	.about_zl{ height:640px;}
	.about_main ul{ margin-left:-6%; margin-top:40px;}
	.msg_info{ display:none;}
	.msg_fill{ width:100%;}
	.pro_type li img{ width:80%;}
	.pro_device ul li{ width:32.3%;}
	.pro_tj{ background-size:140px; padding-right:140px;}
	.pro_type{ background-color:#F3F3F3; margin-bottom:10px; padding:20px 0;}
	.table_yd{ display:table;}
	.table_pc{ display:none;}
	.news_main ul li .show_list{ width:88%;}
	.news_cp ul{ margin-left:0;}
	.news_cp ul li{ width:100%; margin-left:0;}
	.news{ margin-bottom:0; padding:20px 0 0; background:none;}
	.news p{ margin:10px auto;}
	.news h1 a, .news p{ color:#333;}
	.news h1 a:hover{ color:#EB0001;}
	.news ul li{ width:100%; margin-right:0; background-color:#FFF;}
	.news ul li .news_pic{ float:left; width:20%; position:static; padding-bottom:0; margin-right:2%;}
	.news ul li .news_pic img{ position:static;}
	.news ul li time{ display:none;}
	.news_title{ line-height:30px;}
	.news_main{ margin-top:10px;}
	.news_main ul li{ margin-bottom:15px;}
	.news_sp{ padding:20px 0;}
	.news_sp ul{ margin-top:10px;}
	.news_cp{ margin:20px auto;}
	.news_cp ul li{ margin-top:10px;}
	.newslist{ margin:10px auto 20px;}
	.newslist ul{ margin-left:0;}
	.newslist ul li{ width:100%; margin-left:0;}
	.newslist ul li a{ width:80%;}
	.newsdetail{ margin-top:20px;}
	.news_cue{ background:none; background-color:#F3F3F3; padding:10px;}
	.news_xg ul li span{ display:none;}
	.news_xg ul li a{ width:100%;}
	.line_list ul li{ width:49%;}
	.line p{ font-size:14px; line-height:22px;}
	.case_list ul li{ width:49%;}
	.case_list ul li .case_main{ display:none;}
	.case_list ul li .case_name p{ font-size:14px;}
	.pro_type li p{ font-size:16px;}
}

@media screen and (max-width:650px){
	.pro_info p img{ width:100%;}
	.box_btns{ background-position:70% center;}
	.product{ display:none;}
	.news_main ul li .show_list{ width:85%;}
	.news_title a{ padding:0 25px 0 0;}
	.news_info p img{ width:100%; height:auto;}
	.news_tel span{ padding-left:32px;}
	.news_tel span i{ display:none;}
	.line p{ display:none;}
	.line_al ul li{ width:49%; margin-bottom:10px;}
	.line_main p img{ width:100%; height:auto;}
	.case_detail{ margin:20px auto;}
	.case_detail h1{ font-size:30px;}
	.case_detail .case_pic img{ width:100%;}
	.pro_type li p i{ display:none;}
}

@media screen and (max-width:480px){
	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:30px; line-height:30px;}
	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:26px; line-height:26px;}
	.index_case ul li{ width:48.8%!important;}
	.news_show ul li .show_list{ width:80%;}
	.location{ display:none;}
	.about ul li img{ width:80px;}
	.con_info{ padding:15px;}
	.about_fw{ display:none;}
	.about_main ul{ width:80%;}
	#gotoTop{ width:40px; height:40px;}
	.contact_info ul li{ width:47%;}
	.pro_detail dl dd h1{ font-size:26px;}
	.pro_info h2{ font-size:24px; margin-bottom:10px;}
	.pd_guide a{ font-size:16px; padding:10px 0;}
	#header-wrapper{ margin-bottom:0;}
	.pro_info p{ font-size:14px;}
	.pro_al ul li{ width:49%;}
	.pro_info p{ margin-bottom:10px;}
	.pro_show{ margin:20px auto;}
	.pro_tit{ font-size:26px; height:26px;}
	.pro_show p{ display:none;}
	.pro_show ul li p{ display:block; font-size:14px;}
	.pro_show ul li{ width:49%;}
	.pro_show ul li:hover img{transform:none;}
	.shows{ padding:20px 0;}
	.pro_show ul{ margin-top:10px;}
	.news p{ display:none;}
	.news h1{ text-align:left;}
	.news ul{ margin-top:10px;}
	.news ul li p{ display:block;}
	.news ul li .news_pic{ width:30%;}
	.news ul li h3{ margin-top:0;}
	.news_main ul li .show_list{ width:81%;}
	.news_sp ul li p{ font-size:14px;}
	.newslist ul li{ height:50px; line-height:50px;}
	.newslist ul li a{ width:75%;}
	.disabled, .page a, .page .current{ padding:6px 10px; margin-right:2px;}
	.news_cue p{ display:none;}
	.newsdetail h1{ font-size:24px;}
	.news_info{ margin:15px auto;}
	.news_info h2{ font-size:20px;}
	.news_info p{ line-height:24px;}
	.news_tel span a{ font-size:22px; letter-spacing:-1px;}
	.news_tel a.new_btn{ font-size:16px; padding-left:45px; padding-right:15px;}
	.line, .line_list{ margin:20px auto;}
	.line{ border-top:1px solid #DDD; margin-top:0; padding-top:20px;}
	.line ul{ width:90%; margin:0 auto;}
	.line ul li{ width:50%; margin:0; font-size:18px;}
	.line_show{ padding:5px 2px;}
	.line_show p{ display:none;}
	.line_show p.line_tit{ display:block; text-align:center; font-size:16px; font-weight:normal; margin-bottom:0;}
	.line_list ul li{ margin-bottom:5px;}
	.case_list ul li .case_name p{ line-height:20px; height:40px; padding:3px 0;}
	.line_info h1{ font-size:26px; margin-bottom:10px;}
	.line_info p{ font-size:14px; line-height:24px;}
	.line_tel a{ font-size:28px;}
	.line_btns a{ height:50px; line-height:50px;}
	.line_main h2, .line_al h2{ font-size:24px; margin:10px 0;}
	.line_main p{ font-size:14px; line-height:24px;}
	.line_detail{ margin-top:0;}
	.case_detail{ border-top:1px solid #DDD; margin-top:0; padding-top:10px;}
	.case_detail h1{ font-size:26px;}
	.case_detail img{ margin:10px auto;}
	.case_detail ul li p{ font-size:14px;}
	.case_zx{ margin-left:0; margin-top:10px;}
	.case_zx a{ width:100%; margin-left:0;}
	.product{ display:block; padding:0; height:1px; background:none; background-color:#DDD;}
	.pro_tj{ display:none;}
	.index_type ul li a i{ display:none;}
	.index_type ul li img{ width:70px;}
	.index_type ul li{ border-right:0;}
	.pro_type li p{ font-size:14px;}
	.message ul li{ width:99%; height:46px; line-height:44px;}
	.message ul li input{ height:44px; line-height:44px; font-size:15px;}
	.message ul li textarea{ font-size:15px; height:150px;}
	.message ul li.msg_area{ height:152px;}
	.message ul li span.icon_msg01{ background-size:20px;}
	.message ul li span.icon_msg02{ background-size:20px;}
	.message ul li span.icon_msg03{ background-size:20px;}
	.msg_btn{ width:36%;}
}

@media screen and (max-width:375px){
	.logo img{ width:100px;}
	.navs{ height:36px;}
	.nav_m ul li{ line-height:36px; font-size:14px;}
	.footer i{ display:none;}
	
	.index_pro{ padding:20px 0;}
	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:24px; line-height:24px;}
	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:20px; line-height:20px;}
	.index_case p, .index_about p, .index_news p, .about_nl p, .about_lc p, .about p, .contact_info p{ font-size:14px; margin:10px auto;}
	.pro_main .pro_box dl dd{ padding:10px 0;}
	.pro_main .pro_box ul li{ width:48%; margin-bottom:6px;}
	.pro_main .pro_box ul li:nth-child(3){ width:100%;}
	.pro_main .pro_box ul li i{ height:22px;} 
	.pro_main .pro_tab li{ margin:0 5px;}
	.box_btn{ font-size:18px; margin-top:10px;}
	.index_case ul li{ border:0; width:49%;}
	.index_case ul li .case_tit{ display:block;}
	.index_case ul li .case_mask{ display:none;}
	.index_about ul{ margin-top:26px;}
	.index_about ul li{ width:48%; margin-top:10px;}
	.index_about ul li i{ margin-top:10px;}
	.news_show{ margin-top:20px;}
	.news_show ul li .show_date{ width:52px;}
	.news_show ul li .show_date b{ font-size:24px;}
	.news_show ul li .show_date i{ font-size:12px;}
	.news_show ul li .show_list{ width:82%;}
	.news_show ul li .show_list h3{ font-size:16px;}
	.index_service ul li img{ width:40px; height:40px;}
	.index_service ul li i{ line-height:22px; margin-top:10px;}
	.about p i{ display:none;}
	.about ul li img{ width:60px;}
	.about_sl, .about_zl{ display:none;}
	.about_nl{ background-color:#F2F1F6; padding:15px 0;}
	.about_nl ul li{ width:49%;}
	.about_lc ul{ margin-top:20px;}
	.about_lc ul li img{ width:80px;}
	.about_lc ul li p{ font-size:14px;}
	.about_hz ul li{ width:49%; margin-bottom:5px;}
	.contact{ margin:10px auto;}
	.contact_info ul li{ padding-top:10px;}
	.contact_info ul li span{ width:80px; height:80px;}
	.contact_info ul li span.contact01{ background-size:42px auto;}
	.contact_info ul li span.contact02{ background-size:42px auto;}
	.contact_info ul li span.contact03{ background-size:42px auto;}
	.contact_info ul li span.contact04{ background-size:42px auto;}
	.contact_info ul li h3{ font-size:16px; margin-bottom:0;}
	.contact_info ul li p a.cont{ font-size:14px;}
	.contact_info ul li p a{ font-size:18px;}
	.message{ padding:15px 0; margin-top:20px;}
	.message .msg_tit{ font-size:26px;}
	
	.msg_btn{ width:40%;}
	.pro_type{ padding:15px 0 10px;}
	.pro_type li img{ width:86%;}
	.pro_type li p{ font-size:14px; line-height:24px; margin-top:2px;}
	
	.pro_device ul{ margin-top:0;}
	.pro_device ul li{ width:49%; margin-bottom:0;}
	.pro_device ul li p{ font-size:14px; line-height:32px;}	
	.pro_detail ul li{ width:48%; margin-bottom:5px;}
	.pro_detail ul li:nth-child(3){ width:100%;}
	.pro_detail ul li i{ height:22px;} 
	.pro_detail dl dd p.pro_tel font{ display:none;}
	.box_btns{ font-size:20px; padding:10px 0; background-position:75% center;}
	.pro_detail dl dd h1{ font-size:24px;}
	.pro_info h2{ font-size:20px; margin:10px 0 5px;}
	.pro_ys ul li{ width:100%; margin-left:0; margin-right:0; margin-top:50px; padding-top:50px; height:160px;}
	.pro_ys ul li span{ width:80px; height:80px; top:-40px; margin-left:-40px;}
	.pro_al ul li p{ margin-bottom:0;}
	.pro_detail{ padding-top:0;}
	.pro_tit{ font-size:24px; height:24px;}
	.pro_show ul li p{ line-height:30px;}
	.news ul li{ margin-bottom:6px; padding-bottom:10px; border-bottom:1px dashed #DDD;}
	.news ul li h3{ height:26px; line-height:26px; font-size:16px; margin-bottom:2px;}
	.news ul li p, .news_cp ul li p{ line-height:22px; height:44px;}
	.news_hy{ margin:10px auto;}
	.news_title{ line-height:24px;}
	.news_main ul li .show_date{ width:56px;}
	.news_main ul li .show_date b{ line-height:40px; font-size:24px;}
	.news_main ul li .show_date i{ font-size:13px;}
	.news_main ul li .show_list h3{ font-size:16px;}
	.news_sp ul li:nth-child(2){ display:none;}
	.news_sp ul li{ width:48%;}
	.news_sp{ margin:10px auto;}
	.news_cp ul li{ padding:5px 1%;}
	.news_cp ul li h3{ font-size:16px;}
	.news_cp ul li time{ margin:2px 0;}
	.news{ padding-top:15px;}
	.newsdetail h1{ font-size:22px; line-height:26px;}
	.news_base{ padding:10px 0; margin-top:15px;}
	.news_cue{ padding:8px 5px;}
	.news_tel{ line-height:36px;}
	.news_tel a.new_btn{ line-height:36px; font-weight:normal;}
	.news_info p{ line-height:22px;}
	.newsdetail{ margin-bottom:10px;}
	.news_xg{ margin:10px auto 20px;}
	.news_tit{ line-height:20px;}
	.news_tit h2{ font-size:20px;}
	.news_xg ul{ margin-left:0; margin-top:0;}
	.news_xg ul li{ width:100%; margin-left:0; height:40px; line-height:40px; padding:0 2px;}
	.line_info h1{ font-size:24px;}
	.line_tel i{ display:none;}
	.line_btns a{ height:44px; line-height:44px; font-size:20px;}
	.line_btns a img{ width:25px;}
	.line_main h2, .line_al h2{ font-size:20px;}
	.line_main ul li{ width:100%; margin-left:0; margin-right:0; margin-top:50px; padding-top:50px; height:160px;}
	.line_main ul li span{ width:80px; height:80px; top:-40px; margin-left:-40px;}
	.line_main ul li p{ margin-bottom:0;}
	.line_al{ margin:5px auto;}
	.line_al ul li p{ margin:5px 0;}
	.line_al ul li{ margin-bottom:2px;}
	.case_detail h1{ font-size:24px;}
	.case_detail ul{ margin:10px auto;}
	.case_detail img{ width:60px;}
	.index_type ul li img{ width:60px;}
	.index_type ul li a{ font-size:15px;}
	.index_type{ margin:8px auto 10px;}
	.pro_type li img{ width:86%;}
	
}

@media screen and (max-width:320px){
	.contact_info h1{ font-size:20px;}
	.news ul li .news_pic{ width:34%;}
	.news_main ul li .show_list{ width:78%;}
	.newslist ul li{ height:44px; line-height:44px;}
	.newslist ul li span{ display:none;}
	.newslist ul li a{ width:100%;}
	.disabled, .page a, .page .current{ padding:4px 8px;}
	.newsdetail{ margin-top:15px;}
	.news_tel a.new_btn{ background:none; background-color:#ED1E24; padding-left:10px; padding-right:5px;}
	.line{ padding-top:15px; margin-bottom:15px;}
	.line ul li{ line-height:2em; font-size:17px;}
	.line_show p.line_tit{ font-size:14px; padding:2px; line-height:24px;}
	.case_detail h1{ font-size:20px; height:30px; line-height:30px;}
	.line_main h2, .line_al h2{ font-size:18px;}
	.nav_m{ width:68%;}
	.pro_type li p{ font-size:13px;}
	.case_detail ul li{ width:100%; margin:0 auto;}
	
}